.main-app{
  .main-app-ctn{
    .main-app-ctn-top{
      height: 143px;
      .ctn-box-title{
        line-height: 25px;
      }
      .ctn-box-base{
        .box{
          height: 76px;
          background: url("@/assets/icons/ctn-top-box-bg-1.png") center/100% 100% no-repeat;
          img{
            width: 85px;
            height: 58px;
          }
        }
      }
    }
    .main-app-ctn-box{
      height: calc(100% - 143px);
      overflow: auto;
      justify-content: space-between;
      flex-wrap: wrap;

      .group-info{
        width: 448px;
        height: 359px;
        background: url("@/assets/icons/salary/group-bg.png") center/100% 100% no-repeat;
        margin-bottom: 19px;
        .ctn-box-base{
          padding: 5px 10px;
          .base-info{
            height: 100px;
            display: flex;
            justify-content: space-between;
            .base-info-cul{
              flex: auto;
              .base-info-item{
                height: 39px;
                display: flex;
                align-items: center;
                margin: 3px 0 11px;
                img{
                  width: 47px;
                  height: 39px;
                  margin-right: 5px;
                }
                .introduction{
                  display: flex;
                  flex-direction: column;
                  font-size: 12px;
                  label{
                    font-family: din-medium;
                    font-size: 18px;
                    background: linear-gradient(180deg, #FFBE41 0%, #FFFFFF 100%);
                    -webkit-background-clip: text;
                    -webkit-text-fill-color: transparent;
                  }
                }
              }
            }
          }
          .base-echarts{
            height: calc(100% - 100px);
          }
        }
      }
    }
  }
}